<!DOCTYPE html>
<html lang="zxx" xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <!--====== Required meta tags ======-->
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!--====== Title ======-->
        <title>Vedhak - Adventure Tours and Travel HTML Template</title>
        <!--====== Favicon Icon ======-->
       
        <!--====== Flaticon css ======-->
        <link rel="stylesheet" th:href="@{/css/flaticon.css}">
        <!--====== FontAwesome css ======-->
        <link rel="stylesheet" th:href="@{/css/all.min.css}">
        <!--====== Bootstrap css ======-->
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
        <!--====== magnific-popup css ======-->
        <link rel="stylesheet" th:href="@{/css/magnific-popup.css}">
        <!--====== Slick-popup css ======-->
        <link rel="stylesheet" th:href="@{/css/slick.css}">
        <!--====== Jquery UI css ======-->
        <link rel="stylesheet" th:href="@{/css/jquery-ui.min.css}">
        <!--====== Nice Select css ======-->
        <link rel="stylesheet" th:href="@{/css/nice-select.css}">
        <!--====== Nice Select css ======-->
        <link rel="stylesheet" th:href="@{/css/calendar.min.css}">
        <!--====== Animate css ======-->
        <link rel="stylesheet" th:href="@{/css/animate.css}">
        <!--====== Default css ======-->
        <link rel="stylesheet" th:href="@{/css/default.css}">
        <!--====== Style css ======-->
        <link rel="stylesheet" th:href="@{/css/style.css}">
    </head>
    <body>
        <!--====== Start Preloader ======-->
        <div class="preloader">
            <div class="loader">
                <div class="pre-shadow"></div>
                <div class="pre-box"></div>
            </div>
        </div><!--====== End Preloader ======-->
        <!--====== Search From ======-->
		<div class="modal fade search-modal" id="search-modal">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form>
                        <div class="form_group">
                        	<input type="text" class="form_control" placeholder="Search here" name="search">
                        	<label><i class="fa fa-search"></i></label>
                        </div>
                    </form>
                </div>
            </div>
        </div><!--====== Search From ======-->
        <!--====== Start Header ======-->
        <header class="header-area">
            <!--=== Header Navigation ===-->
            <div class="header-navigation default-navigation">
                <div class="nav-overlay"></div>
                <div class="container-fluid">
                    <!--=== Primary Menu ===-->
                    <div class="primary-menu">
                        <!--=== Site Branding ===-->
                        <div class="site-branding">
                            <a th:href="@{/index1}" class="brand-logo"><img th:src="@{/picture/logo-black.png}" alt="Site Logo"></a>
                        </div>
                        <!--=== Nav Inner Menu ===-->
                        <div class="nav-menu">
                            <!--=== Mobile Logo ===-->
                            <div class="mobile-logo mb-30 d-block d-xl-none text-center">
                                <a th:href="@{/index1}" class="brand-logo"><img th:src="@{/picture/logo-black.png}" alt="Site Logo"></a>
                            </div>
                            <!--=== Nav Search ===-->
                            <div class="nav-search mb-30 d-block d-xl-none ">
                                <form>
                                    <div class="form_group">
                                        <input type="email" class="form_control" placeholder="Search Here" name="email" required="">
                                        <button class="search-btn"><i class="fas fa-search"></i></button>
                                    </div>
                                </form>
                            </div>
                            <!--=== Main Menu ===-->
                            <nav class="main-menu">
                                <ul>
                                    <li class="menu-item has-children"><a th:href="@{/index1}">Home</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/index1}">Home 01</a></li>
                                            <li><a th:href="@{/index2}">Home 02</a></li>
                                            <li><a th:href="@{/index3}">Home 03</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a th:href="@{/accommodation-grid}">Accommodation</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/accommodation-grid}">ACD Grid</a></li>
                                            <li><a th:href="@{/accommodation-standard}">ACD Standard</a></li>
                                            <li><a th:href="@{/accommodation-slider}">ACD Slider</a></li>
                                            <li><a th:href="@{/index0}">ACD Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a th:href="@{/blog-standard}">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/blog-standard}">Blog Standard</a></li>
                                            <li><a th:href="@{/blog-details}">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a th:href="@{/about}">Pages</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/about}">About Us</a></li>
                                            <li><a th:href="@{/gallery}">Our Gallery</a></li>
                                            <li><a th:href="@{/faq}">Faq</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item"><a th:href="@{/contact}">Contact</a></li>
                                    <li class="menu-item"><div class="search-btn" data-bs-toggle="modal" data-bs-target="#search-modal"><i class="far fa-search"></i></div></li>
                                </ul>
                            </nav>
                            <!--=== Nav Button ===-->
                            <div class="menu-button mt-40 d-xl-none">
                                <a th:href="@{/contact}" class="main-btn btn-green">Book now<i class="far fa-angle-double-right"></i></a>
                            </div>
                        </div>
                        <!--=== Nav right Item ===-->
                        <div class="nav-right-item d-flex align-items-center">
                            <div class="menu-button d-xl-block d-none">
                                <a th:href="@{/contact}" class="main-btn btn-green">Book now<i class="far fa-angle-double-right"></i></a>
                            </div>
                            <div class="lang-dropdown">
                                <select class="wide">
                                    <option value="English">English</option>
                                    <option value="English">English</option>
                                </select>
                            </div>
                            <div class="navbar-toggler">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header><!--====== End Header ======-->
        <!--====== Start Accommodation Details section ======-->
        <section class="accommodation-details-section">
            <div class="container-fluid">
                <div class="service-image-wrapper">
                    <div class="row">
                        <div class="col-lg-6 mb-40">
                            <img th:src="@{/picture/single-service-1.jpg}" alt="service image">
                        </div>
                        <div class="col-lg-6 mb-40">
                            <img th:src="@{/picture/single-service-2.jpg}" alt="service image">
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-8 col-lg-7">
                        <div class="accommodation-details-wrapper">
                            <div class="service-content wow fadeInUp">
                                <h2 class="title">Couple Tent Camping</h2>
                                <p>Donec malesuada pellentesque dictum vel at eu. Sollicitudin integer quam accumsan habitasse turpis massa 
                                    eu sapien scelerisque. Et eu sit sem sed. Fames sodales euismod mattis mattis arcu tempor tincidunt interdum
                                    Vel id aliquam quis ullamcorper morbi fringilla sodales ullamcorper molestie. Urna iaculis consequat vitae eget
                                    laoreet malesuada. In porttitor integer faucibus amet, pretium porttitor gravida fermentum. Erat sit mi urna facilisis mattis molestie tincidunt velit, mauris</p>
                                <h4>Camping Facilities</h4>
                                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo
                                    voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magne</p>
                                <div class="features-table table-responsive mb-25 wow fadeInDown">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Indoor Equipment</th>
                                                <th>Outdoor Equipment</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><span><i class="flaticon-sink"></i> Sink</span></td>
                                                <td><span><i class="flaticon-guitar"></i>Music & Party</span></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-fridge"></i>Fridge</span></td>
                                                <td><span><i class="flaticon-bonfire"></i>Wood Fire</span></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-camping-gas"></i>Gas stove</span></td>
                                                <td><span><i class="flaticon-beach-chair"></i>Sunshade</span></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-pot"></i>Cokking Pot</span></td>
                                                <td><span><i class="flaticon-bicycle"></i>Bicycle</span></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-eat"></i>Plates & Cutlery</span></td>
                                                <td><span><i class="flaticon-massage"></i>Spa</span></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-solar-energy"></i>Solar-energy</span></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-wc"></i>Private Toilet</span></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-shower"></i>Shower</span></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-toilet-paper"></i>Bathroom linen</span></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-hair-dryer"></i>Hair-dryer</span></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-essential-oil"></i>Essentials</span></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-blanket"></i>Bedding</span></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-ac"></i>Air Condition</span></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td><span><i class="flaticon-bed"></i>Double-bed</span></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <h4>Conditions and Rules</h4>
                                <p>On the other hand, we denounce with righteous indignation and dislike men who are beguiled and demoralized by the charms of pleasure of the moment blinded by desire that they cannot foresee the
                                    pain and trouble that are bound to ensue; and equal blame belongs to those duty</p>
                                <ul class="check-style-one mb-50">
                                    <li><i class="flaticon-draw-check-mark"></i>Can I use a terms and conditions template?</li>
                                    <li><i class="flaticon-draw-check-mark"></i>How iubenda can help generate and manage a Terms and Conditions</li>
                                    <li><i class="flaticon-draw-check-mark"></i>Start Generating and select the Generate Now button under</li>
                                    <li><i class="flaticon-draw-check-mark"></i>Fill out your web / app owner and contact details .</li>
                                    <li><i class="flaticon-draw-check-mark"></i>What should basic terms and conditions include?</li>
                                    <li><i class="flaticon-draw-check-mark"></i>Tips for a Good Terms and Conditions Agreement</li>
                                    <li><i class="flaticon-draw-check-mark"></i>Download Free Terms and Conditions Template</li>
                                </ul>
                                <div class="details-form-wrapper wow fadeInUp">
                                    <div class="section-title mb-40">
                                        <h2>Find Best Camping <span class="thin">Availability</span></h2>
                                    </div>
                                    <form class="accommodation-form-three">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form_group">
                                                    <div class="form_group">
                                                        <label><i class="far fa-calendar-alt"></i></label>
                                                        <input type="text" class="form_control datepicker" placeholder="Check In">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form_group">
                                                    <label><i class="far fa-calendar-alt"></i></label>
                                                    <input type="text" class="form_control datepicker" placeholder="Check Out">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form_group">
                                                    <label><i class="far fa-user"></i></label>
                                                    <input type="text" class="form_control" placeholder="Guest">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form_group">
                                                    <select class="wide">
                                                        <option data-display="Accommodations">Accommodations</option>
                                                        <option value="01">Classic Tent</option>
                                                        <option value="01">Forest Camping</option>
                                                        <option value="01">Small Trailer</option>
                                                        <option value="01">Tree House Tent</option>
                                                        <option value="01">Tent Camping</option>
                                                        <option value="01">Couple Tent</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-12">
                                                <div class="form_group">
                                                    <button class="main-btn btn-green">Check availability <i class="far fa-angle-double-right"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-5">
                        <div class="acc-sidebar-area">
                            <div class="sidebar-widget ad-calender-widget mb-25 wow fadeInUp">
                                <div class="calendar-container"></div>
                            </div>
                            <div class="sidebar-widget trending-place-widget mb-35 wow fadeInUp">
                                <h5 class="widget-title">Trending Places</h5>
                                <div class="place-widget-content bg_cover" style="background-image: url(assets/images/service/place.jpg);">
                                    <div class="inner-content">
                                        <h6>Morton Sea Beach</h6>
                                        <span><i class="far fa-map-marker-alt"></i>United States</span>
                                    </div>
                                </div>
                            </div>
                            <div class="sidebar-widget ad-filer-widget mb-40 wow fadeInUp">
                                <h5 class="widget-title">Extra Benefits</h5>
                                <div class="filter-nav">
                                    <ul class="mb-30">
                                        <li>
                                            <input type="radio" id="radio1" name="radio" checked="">
                                            <label for="radio1"><span class="title">Extra Transportations<span class="number">$15</span></span></label>
                                        </li>
                                        <li>
                                            <input type="radio" name="radio" id="radio2">
                                            <label for="radio2"><span class="title">Spa & GYM<span class="number">$10</span></span></label>
                                        </li>
                                        <li>
                                            <input type="radio" name="radio" id="radio3">
                                            <label for="radio3"><span class="title">Cleaning Fee<span class="number">$5</span></span></label>
                                        </li>
                                        <li>
                                            <input type="radio" name="radio" id="radio4">
                                            <label for="radio4"><span class="title">Fridge Rental<span class="number">$7</span></span></label>
                                        </li>
                                        <li>
                                            <input type="radio" name="radio" id="radio5">
                                            <label for="radio5"><span class="title">Security Deposit<span class="number">$9</span></span></label>
                                        </li>
                                    </ul>
                                    <button class="main-btn btn-green">Booking now<i class="far fa-angle-double-right"></i></button>
                                </div>
                            </div>
                            <div class="sidebar-widget ad-weather-widget mb-40 wow fadeInUp">
                                <div class="weather-content">
                                    <img th:src="@{/picture/weather.jpg}" alt="Weather Jpg">
                                </div>
                            </div>
                            <div class="sidebar-widget ad-banner-widget mb-40 wow fadeInUp">
                                <div class="banner-widget-content bg_cover" style="background-image: url(static/image/ad-banner.jpg);">
                                    <h6>Tree House Camping</h6>
                                    <span class="price"><span class="currency">$</span>29</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Accommodation Details section ======-->
        <!--====== Start Service section ======-->
        <section class="service-section pt-90 pb-70">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-7 col-lg-12">
                        <div class="section-title text-center mb-50">
                            <h2>Amazing Camping For <span class="thin">Real Adventure</span></h2>
                        </div>
                    </div>
                </div>
                <div class="service-slider-one">
                    <div class="single-service-item mb-30">
                        <div class="img-holder">
                            <img th:src="@{/picture/service-1.jpg}" alt="Service image">
                            <div class="shape"></div>
                        </div>
                        <div class="text">
                            <h3 class="title"><a href="">Classic Tent</a></h3>
                            <p>Sit amet consectetur adipisc fermentumat
                                tellusaliquam arcu uturnacon sequat</p>
                            <div class="meta">
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-bedding"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-cat"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-tent-3"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-campfire"></i></a>
                                <a th:href="@{/index0}" class="icon-btn"><i class="far fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="single-service-item mb-30">
                        <div class="img-holder">
                            <img th:src="@{/picture/service-2.jpg}" alt="Service image">
                            <div class="shape"></div>
                        </div>
                        <div class="text">
                            <h3 class="title"><a th:href="@{/index0}">Forest Camping</a></h3>
                            <p>Sit amet consectetur adipisc fermentumat
                                tellusaliquam arcu uturnacon sequat</p>
                            <div class="meta">
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-bedding"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-cat"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-tent-3"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-campfire"></i></a>
                                <a th:href="@{/index0}" class="icon-btn"><i class="far fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="single-service-item mb-30">
                        <div class="img-holder">
                            <img th:src="@{/picture/service-3.jpg}" alt="Service image">
                            <div class="shape"></div>
                        </div>
                        <div class="text">
                            <h3 class="title"><a th:href="@{/index0}">Small Trailer</a></h3>
                            <p>Sit amet consectetur adipisc fermentumat
                                tellusaliquam arcu uturnacon sequat</p>
                            <div class="meta">
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-bedding"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-cat"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-tent-3"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-campfire"></i></a>
                                <a href="" class="icon-btn"><i class="far fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="single-service-item mb-30">
                        <div class="img-holder">
                            <img th:src="@{/picture/service-7.jpg}" alt="Service image">
                            <div class="shape"></div>
                        </div>
                        <div class="text">
                            <h3 class="title"><a th:href="@{/index0}">Camper</a></h3>
                            <p>Sit amet consectetur adipisc fermentumat
                                tellusaliquam arcu uturnacon sequat</p>
                            <div class="meta">
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-bedding"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-cat"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-tent-3"></i></a>
                                <a th:href="@{/index0}" class="icon"><i class="flaticon-campfire"></i></a>
                                <a th:href="@{/index0}" class="icon-btn"><i class="far fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Service section ======-->
        <!--====== Start Footer ======-->
        <footer class="footer-default dark-black-bg text-white">
            <div class="container">
                <div class="footer-newsletter pt-80 pb-40">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="section-title mb-30 wow fadeInLeft">
                                <h2>Subscribe Our Newsletter<span class="thin">Get Every Update</span></h2>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="newsletter-form mb-30 wow fadeInRight">
                                <form>
                                    <div class="form_group">
                                        <label><i class="far fa-envelope-open"></i></label>
                                        <input type="email" class="form_control" placeholder="Email Address" required="">
                                        <button class="main-btn btn-green">Subscribe<i class="far fa-angle-double-right"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-widget-area pt-80 pb-30">
                    <div class="row">
                        <div class="col-lg-3">
                            <div class="footer-widget about-company-widget mb-40 wow fadeInDown">
                                <a th:href="@{/index1}" class="footer-logo"><img th:src="@{/picture/logo-white.png}" alt="Brand Logo"></a>
                                <p>Sit amet consectetur adipiscinelit
                                    Sem et aliquam enimdeassa ornare
                                    vulputate neque feugiat secursun
                                    blandit volutpat hendr mauris</p>
                                <ul class="social-link">
                                    <li><a th:href="@{/index0}"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-twitter"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-instagram"></i></a></li>
                                    <li><a th:href="@{/index0}"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="footer-widget footer-nav-widget pl-lg-55 mb-40 wow fadeInUp">
                                <h4 class="widget-title">Links</h4>
                                <div class="footer-nav-content">
                                    <ul class="footer-nav">
                                        <li><a th:href="@{/index0}">Home</a></li>
                                        <li><a th:href="@{/index0}">Pricing</a></li>
                                        <li><a th:href="@{/index0}">About us</a></li>
                                        <li><a th:href="@{/index0}">Features</a></li>
                                        <li><a th:href="@{/index0}">Blog</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="footer-widget footer-nav-widget pl-lg-20 mb-40 wow fadeInDown">
                                <h4 class="widget-title">Services</h4>
                                <div class="footer-nav-content">
                                    <ul class="footer-nav">
                                        <li><a th:href="@{/index0}">Caravan Soler Tent</a></li>
                                        <li><a th:href="@{/index0}">Family Tent Camping</a></li>
                                        <li><a th:href="@{/index0}">Classic Tent Camping</a></li>
                                        <li><a th:href="@{/index0}">Wild Tent Camping</a></li>
                                        <li><a th:href="@{/index0}">Bell Glamp One</a></li>
                                        <li><a th:href="@{/index0}">Small Cabin Wood</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="footer-widget footer-nav-widget pl-lg-70 mb-40 wow fadeInUp">
                                <h4 class="widget-title">Support</h4>
                                <div class="footer-nav-content">
                                    <ul class="footer-nav">
                                        <li><a th:href="@{/index0}">Meet Our Team</a></li>
                                        <li><a th:href="@{/index0}">Item Support</a></li>
                                        <li><a th:href="@{/index0}">Contact Foram</a></li>
                                        <li><a th:href="@{/index0}">Report Abuse</a></li>
                                        <li><a th:href="@{/index0}">Live</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="footer-widget contact-info-widget pl-lg-100 mb-40 wow fadeInDown">
                                <div class="contact-info-box mb-35">
                                    <h4 class="title">Location</h4>
                                    <p><i class="far fa-map-marker-alt"></i><span>119 Tanglewood Lane
                                        Gulfport, MS 39503</span></p>
                                </div>
                                <div class="contact-info-box mb-35">
                                    <h4 class="title">Contact</h4>
                                    <p><i class="far fa-envelope"></i><a th:href="@{email-protection.html#43303633332c313703242e222a2f6d202c2e}"><span class="__cf_email__" data-cfemail="4c3f393c3c233e380c2b212d2520622f2321">[email&#160;protected]</span></a></p>
                                    <p><i class="far fa-phone"></i><a th:href="@{tel:+000(123)4566}">+000 (123) 45 66</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--=== Copyright Area ===-->
                <div class="copyright-area">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="copyright-text">
                                <p>Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" th:href="@{https://www.17sucai.com/}">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="copyright-nav float-lg-end">
                                <ul>
                                    <li><a th:href="@{/index0}">Setting & Privacy</a></li>
                                    <li><a th:href="@{/index0}">Faqs</a></li>
                                    <li><a th:href="@{/index0}">Food Menu</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer><!--====== End Footer ======-->
        <!--====== Back To Top  ======-->
        <a href="#" class="back-to-top"><i class="far fa-angle-up"></i></a>
        <!--====== Jquery js ======-->
        <script data-cfasync="false" th:src="@{/js/email-decode.min.js}"></script><script th:src="@{/js/jquery-3.6.0.min.js}"></script>
        <!--====== Bootstrap js ======-->
        <script th:src="@{/js/popper.min.js}"></script>
        <!--====== Bootstrap js ======-->
        <script th:src="@{/js/bootstrap.min.js}"></script>
        <!--====== Slick js ======-->
        <script th:src="@{/js/slick.min.js}"></script>
        <!--====== Magnific js ======-->
        <script th:src="@{/js/jquery.magnific-popup.min.js}"></script>
        <!--====== Isotope js ======-->
        <script th:src="@{/js/isotope.min.js}"></script>
        <!--====== Imagesloaded js ======-->
        <script th:src="@{/js/imagesloaded.min.js}"></script>
        <!--====== Counterup js ======-->
        <script th:src="@{/js/jquery.counterup.min.js}"></script>
        <!--====== Waypoints js ======-->
        <script th:src="@{/js/jquery.waypoints.js}"></script>
        <!--====== Nice-select js ======-->
        <script th:src="@{/js/jquery.nice-select.min.js}"></script>
        <!--====== jquery UI js ======-->
        <script th:src="@{/js/jquery-ui.min.js}"></script>
        <!--====== WOW js ======-->
        <script th:src="@{/js/calendar.js}"></script>
        <!--====== WOW js ======-->
        <script th:src="@{/js/wow.min.js}"></script>
        <!--====== Main js ======-->
        <script th:src="@{/js/theme.js}"></script>
    </body>
</html>